<%@ page language="java" contentType="text/html; charset=UTF-8"
		pageEncoding="UTF-8"%>
<!--shiro权限认证 标签注-->
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ include file="/WEB-INF/page/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<title>小区管理我的小区</title>

<%--	layui样式--%>
	<link rel="stylesheet" href="${ctx }/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="${ctx }/css/font_eolqem241z66flxr.css" media="all"/>
	<link rel="stylesheet" href="${ctx }/css/list.css" media="all"/>

	<!--引用样式-->
	<script>
		var ctx = "${ctx}";
	</script>
	<!--
        作者：ztsq
        时间：2019-11-02
        描述：UI静态表格的使用
         lay-separator="/":导航分割符
    -->
</head>
<body>
<form action="" method="post">
	<!--面包屑-->
	<div>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
			<legend>我的小区</legend>
			<span class="layui-anim-fadein" lay-separator="/">
			  <a href="">首页</a>
			  <a href="">小区管理</a>
			  <a href=""><font size="4"></font>我的小区</a>
			</span>
		</fieldset>
	</div>

	<span class="layui-anim-fadein">
		<span style="text-align:right;"><font size="5">我的小区</font></span>
		<button class="layui-btn" type="button" style="float:right;">入驻小区</button>
	</span>

	<table class="layui-table" id="communityTab">

	</table>

</form>

<!--引用样式-->
<script type="text/javascript" src="${ctx }/layui/layui.js"></script>
<!--引用JQuery-->
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>

<%--编辑按钮--%>
<script type="text/html" id="carEdit">
<%--	<shiro:hasPermission name="user:user:update">--%>
<%--		&lt;%&ndash;ID&ndash;%&gt;--%>
<%--		<a class="layui-btn layui-btn-xs" lay-event="edit">入驻小区</a>--%>
<%--	</shiro:hasPermission>--%>
	<shiro:hasPermission name="user:user:delete">
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">申请退出</a>
	</shiro:hasPermission>
</script>

<%--动态表单--%>
<script>
	layui
			.config({
				//配置js
				base: "js/"
			})
			.use(
					//引用
					['form', 'layer', 'jquery', 'table', 'laydate'],
					function () {
						var form = layui.form,
								laydate = layui.laydate,
								table = layui.table,//表ID
								laypage = layui.laypage, //分页
								 $ = layui.$,
								$ = layui.jquery;//Jquery  引用$
						alert("欢迎来到小区管理页面");

						//加载页面数据
						//table.render({})分页  分页增删改后reload实时刷新当前页面数据

						table.render({
							id: 'communityList',
							elem: '#communityTab',//与表ID名对应
							url: ctx + '/community/mecommunity/list',//方法数据接口 与controller一致

							page: true, //开启分页

							totalRow: true, //开启合计行
							limit: 10,//每页默认显示10行数据
							limits: [10, 20, 30, 40],//lay-ui显示的分页为假分页  真分页需要重载页
							//列名
							cols: [[{
								field: 'id',//表头 表头id与封装类名字必须保持一致
								width: 100,
								title: '小区ID',
								sort: true
							}, {
								field: 'bcName',
								width: 100,
								title: '名称'
							}, {
								field: 'phone',//无
								width: 100,
								title: '联系方式',
								sort: true
							}, {
								field: 'address',
								width: 100,
								title: '地址'
							}, {
								field: 'nearbyLandmarks',
								title: '地标',
								minWidth: 80
							}, {
								field: 'cityCode',
								title: '城市编码',
								minWidth: 80
							}, {
								field: 'state',//无
								title: '状态',
								minWidth: 80
							}, {
								title: '操作',
								toolbar: '#carEdit'
							}]
							],

							//开启分页
							page: true,


						});

						//查询
						$(".search_btn").onclick(function () {
							//执行重载
							table.reload(

									'communityList',// 此处ID必须与table.render({})分页中的ID一致
									{

										//分页
										page: {
											curr: 1
											//重新从第 1 页开始
											//每页显示10条

										},
										//查询条件
										// 		where : {
										//	    //key: {
										// 			id : $("#buildutil").val(),
										// 			buildNo : $("#buildutilcode") .val(),
										// 			buildName : $("#ceil") .val()
										// 		}
									});
						});

						//监听工具条  监听的为render的ID名
						table.on('tool(communityList)', function (obj) {
							var data = obj.data;
							if (obj.event === 'del') {
								layer.confirm('真的退出么', function (index) {
									$.ajax({
										url: ctx + '/community/golist' //申请退出
												+ data.uid,
										type: "get",
										success: function (d) {
											if (d.code == 0) {
												obj.del();
											} else {
												//shiro权限认定
												layer.msg("权限不足！", {
													icon: 5
												});
											}
										}
									});
									layer.close(index);
								});
							} else if (obj.event === 'edit') {//编辑入驻信息--更改信息
								alert("这是一个弹出层")
								//弹出层--捕获页
								layer.open({
									type: 2,
									title: "编辑入驻信息",//方便用户对应修改
									area: ['400px', '500px'],//弹出层信息
									content: ctx + "/user/editUser/" //content捕获元素
											+ data.uid //这里content是一个普通的String
								})
							}

						});

					}); //end layui

	$(function () {
		//添加文章
		$(".userAdd_btn").click(function () {
			var index = layui.layer.open({
				title: "添加文章",
				type: 2,
				content: ctx + "/community/mecommunity/list",
				success: function (layero, index) {

				}
			});
			//改变窗口大小时，重置弹窗的高度，防止超出可视区域（如F12调出debug的操作）
			$(window).resize(function () {
				layui.layer.full(index);
			});
			layui.layer.full(index);
		});
	})

</script>
</body>
</html>
